<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <title><%= htmlWebpackPlugin.options.title %></title>
    <style>
      * {
        padding: 0;
        margin: 0;
      }

      html, body {
        scroll-behavior: smooth;
        font-family: "Noto Sans SC";
        font-weight: 400;
        background-color: #f0f2f5;
        color: var(--dark);
      }
      :root {
        --color-primary: #4e73df;
        --color-success: #1cc88a;
        --color-warning: #f6c23e;
        --color-danger: #e74a3b;
        --color-info: #858796;
        --color-primary-light: #ffffffcc;
        --color-primary-lighter: #ffffff4d;

        --dark: #5a5c69;
        --shadow: 4px 4px 40px rgb(0 0 0 / 5%);
      }
      ::selection { 
        background: var(--color-primary); 
        color: #fff; 
      }
      /* 默认滚动条 */
      ::-webkit-scrollbar-thumb {
        background-color: #d3d3d3;
        border-radius: 10px;
        outline-offset: -2px;
        outline: 1px solid #fff;
      }
      ::-webkit-scrollbar-track-piece {
        background-color: rgba(153,153,153,.1);
        padding: 2px;
      }
      ::-webkit-scrollbar {
        width: 10px;
        height: 8px;
      }
      button {
        cursor: pointer;
        outline: none;
      }
      a {
        text-decoration: none;
      }

      
    </style>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>
